
<script setup>
const onClickLeft = () => history.back();
</script>
<template>
  <van-nav-bar
    :fixed="true"
    :placeholder="true"
    title="活动详情"
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="hdxq-box">
    <div class="title">万圣节主题亲子活动，一起来捣蛋吧！</div>
    <img src="../../assets/moren.jpg" alt="" />
    <div class="title-2">活动报名中</div>
    <div class="xinxi">
      <span>报名信息</span>
      <ul>
        <li>孩子姓名：数据</li>
        <li>手机号：123456789</li>
        <li>性别：男</li>
        <li>年龄：10岁</li>
      </ul>
    </div>
  </div>
</template>



<style  scoped>
.title {
  padding: 20px 0px;
}
.title-2 {
  padding: 20px 0px;
  text-align: center;
  color: red;
}
.hdxq-box {
  padding: 20px 10px;
}
.hdxq-box > img {
  width: 100%;
  height: 200px;
}
.xinxi >span{
    display: block;
    font-size: 18px;
    padding: 10px 0;
}
.xinxi {
    border: 2px solid darkgray;
    padding: 10px;
}
.xinxi ul{
    color:darkgray;
}
</style>